<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/top.css">
    <link rel="stylesheet" href="css/fot.css">
    <link rel="stylesheet" href="css/Personal.css">
</head>
<body>
<div id="warp" class="warpper">
    <div id="top" class="top">
        <span class="posi-re">中国联通
            <i class="posi-ab">4G</i>
            <i class="icon iconfont icon-xinhao"></i>
        </span>
        <time class="top-time">00:00</time>
        <span>100%<i class="icon iconfont">&#xe697;</i></span>
    </div>
    <div class="top-txt">
        <a href="index.html" class="txt-left icon iconfont">&#xe64f;</a>
        <p class="txt-right">个人中心</p>
    </div>
    <div class="top-sign-link">
        <div class="link-item">
            <img src="images/me-my.png" alt="">
        </div>
        <div class="data">
            <h6>纵横帮<span>VIP6</span></h6>
            <p>会员有效期: 2020-1-1</p>
            <p>信息完成度20%</p>
            <p>全部完成可获得自由行vip</p>

        </div>
    </div>
    <div class="xx"></div>
    <div class="perfect">
        <ul>
            <li>
                <a href="editorial.html">
                    <div class="perfect-item">
                        <h3 class="title">修改&展示信息</h3>
                        <p>填写后每年生日可领取vip礼包</p>
                    </div>
                    <div class="perfect-link icon iconfont">
                        &#xe631;
                    </div>
                </a>
            </li>
            <li>
                <a href="passwrd.html">
                    <div class="perfect-item">
                        <h3 class="title">修改密码</h3>
                        <p>增加账户安全度</p>
                    </div>
                    <div class="perfect-link icon iconfont">
                        &#xe631;
                    </div>
                </a>
            </li>
            <li>
                <a href="addphotos.html">
                    <div class="perfect-item">
                        <h3 class="title">我的相册</h3>
                        <p>查看我的相册</p>
                    </div>
                    <div class="perfect-link icon iconfont">
                        &#xe631;
                    </div>
                </a>
            </li>
            <li>
                <a href="my-yj.html">
                    <div class="perfect-item">
                        <h3 class="title">我的游记</h3>
                        <p>查看我的游记</p>
                    </div>
                    <div class="perfect-link icon iconfont">
                        &#xe631;
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <div id="fot-nav">
        <nav>
            <ul class="list">
                <li>
                    <a href="index.html">
                        <i class="icon iconfont">&#xe61d;</i>
                        <span>首页</span>
                    </a>
                </li>
                <li>
                    <a href="scenic.html">
                        <i class="icon iconfont">&#xe61e;</i>
                        <span>景区介绍</span>
                    </a>
                </li>
                <li>
                    <a href="pict.html">
                        <i class="icon iconfont">&#xe636;</i>
                        <span>相册</span>
                    </a>
                </li>
                <li>
                    <a href="travels.html">
                        <i class="icon iconfont">&#xe616;</i>
                        <span>游记</span>
                    </a>
                </li>
                <li>
                    <a href="equipment.html">
                        <i class="icon iconfont">&#xe617;</i>
                        <span>旅游装备</span>
                    </a>
                </li>
                <li class="active">
                    <a href="Personal.html">
                        <i class="icon iconfont">&#xe60b;</i>
                        <span>个人中心</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>
</div>







<script src="js/script.js"></script>
</body>
</html>